// 定义内外边距，历遍1-80
@for $i from 0 through 80 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 定义上下外边距
		.u-m-tb-#{$i} {
			margin: $i + rpx 0 !important;
		}
		// 定义左右外边距
		.u-m-lr-#{$i} {
			margin: 0 $i + rpx !important;
		}
		// 定义上下内边距
		.u-p-tb-#{$i} {
			padding: $i + rpx 0 !important;
		}
		// 定义左右内边距
		.u-p-lr-#{$i} {
			padding: 0 $i + rpx !important;
		}
	}
}
.u-font-bold {
	font-weight: bold;
}
.u-border-bottom {
	border-bottom: 1rpx solid $border-color;
}
.main-color {
	color: $main-color;
}
.orange {
	color: $orange;
}
.green {
	color: $green;
}
.grey {
	color: $grey;
}
.white {
	color: $white;
}

view{
	box-sizing: border-box;
	word-wrap: break-word;
}

text{
	word-wrap: break-word;
    vertical-align: middle;
}


// 按钮基础样式，可自行覆盖
button[class*=pub-defin-btn]{
	height: 60rpx;
	min-width: 185rpx;
	line-height: 60rpx;
	border-radius: 50rpx;
	color: #ffffff;
	font-size: 24rpx;
	font-weight: 400;
	text-align: center;
}


// 黄色
.pub-defin-btn-yellow{
	background: rgba(255, 141, 26, 1);
	&.pub-defin-btn-yellow-hover{
		background: rgba(255, 141, 26, 0.5);
	}
}
// 绿色
.pub-defin-btn-green{
	background: rgba(0, 186, 173, 1);
	&.pub-defin-btn-green-hover{
		background: rgba(0, 186, 173, 0.5);
	}
}
// 深蓝
.pub-defin-btn-darkblue{
	background: rgba(90, 114, 250, 1);
	&.pub-defin-btn-darkblue-hover{
		background: rgba(90, 114, 250, 0.5);
	}
}

// 蓝色
.pub-defin-btn-blue{
	background-color: rgba(42, 130, 228, 1);
	&.pub-defin-btn-blue-hover{
		background-color: rgba(42, 130, 228, 0.5);
	}
}

// 橙色
.pub-defin-btn-orange{
	background-color: rgba(255, 87, 51, 1);
	&.pub-defin-btn-orange-hover{
		background-color: rgba(255, 87, 51, 0.5);
	}
}
// 天蓝
.pub-defin-btn-skyblue{
	background-color: rgba(51, 221, 255, 1);
	&.pub-defin-btn-skyblue-hover{
		background-color: rgba(51, 221, 255, 0.5);
	}
}
// 深绿色
.pub-defin-btn-darkgreen{
	background-color: rgba(67, 207, 124, 1);
	&.pub-defin-btn-darkgreen-hover{
		background-color: rgba(67, 207, 124, 0.5);
	}
}



// 基础文字样式

text[class*=pub-defin-text],
view[class*=pub-defin-text]{
	font-size: 24px;
	font-weight: 400;
}
// 橙色
.pub-defin-text-orange{
	color: rgba(240, 122, 5, 1);
}
// 橙色 2
.pub-defin-text-orange-2{
	color: rgba(255, 141, 26, 1);
}
// 深灰色
.pub-defin-text-darkgray{
	color: rgba(56, 56, 56, 1);
}
// 橙红色
.pub-defin-text-orangered{
	color: rgba(240, 44, 0, 1);
}
// 浅绿色
.pub-defin-text-lightgreen{
	color: rgba(53, 166, 98, 1);
}
// 灰色
.pub-defin-text-grey{
	color: rgba(53, 166, 98, 1);
}

.u-upload__wrap__preview,
/deep/.u-upload__wrap__preview{
    box-shadow: 0 0 3rpx rgba(0, 0, 0, 0.5);
}